// =============================================
// Docker Compose 参数 HTML
// 包含服务配置、网络配置、重启策略等参数
// =============================================

// Docker Compose 参数 HTML
const composeParameters = `
<div class="parameter-group">
    <h3><i class="fas fa-server"></i> 服务配置</h3>
    <button class="param-btn" data-command="services:">
        <i class="fas fa-server"></i> 服务定义
    </button>
    <button class="param-btn" data-command="      service-name: ">
        <i class="fas fa-tag"></i> 服务名称
    </button>
    <button class="param-btn" data-command="      image: image-name">
        <i class="fas fa-box"></i> 镜像名称
    </button>
    <button class="param-btn" data-command="      container_name: container-name">
        <i class="fas fa-cube"></i> 容器名称
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-network-wired"></i> 网络配置</h3>
    <button class="param-btn" data-command="      network_mode: bridge">
        <i class="fas fa-bridge"></i> 桥接网络
    </button>
    <button class="param-btn" data-command="networks:">
        <i class="fas fa-network-wired"></i> 网络定义
    </button>
    <button class="param-btn" data-command="   network-name:">
        <i class="fas fa-ethernet"></i> 网络名称
    </button>
    <button class="param-btn" data-command="      driver: bridge">
        <i class="fas fa-plug"></i> 网络驱动
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-redo"></i> 重启策略</h3>
    <button class="param-btn" data-command="      restart: always">
        <i class="fas fa-redo"></i> always - 总是重启
    </button>
    <button class="param-btn" data-command="      restart: no">
        <i class="fas fa-times-circle"></i> no - 不重启
    </button>
    <button class="param-btn" data-command="      restart: on-failure">
        <i class="fas fa-exclamation-triangle"></i> on-failure - 失败时重启
    </button>
    <button class="param-btn" data-command="      restart: unless-stopped">
        <i class="fas fa-power-off"></i> unless-stopped - 除非手动停止
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-plug"></i> 端口映射</h3>
    <button class="param-btn" data-command="      ports:
         -  8080:80">
        <i class="fas fa-plug"></i> 端口映射
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-folder"></i> 卷挂载</h3>
    <button class="param-btn" data-command="      volumes:
         - ./data:/app/data">
        <i class="fas fa-link"></i> 绑定挂载
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-cogs"></i> 环境变量</h3>
    <button class="param-btn" data-command="      environment:
         - TZ=Asia/Shanghai">
        <i class="fas fa-code"></i> 环境变量
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-cube"></i> 依赖关系</h3>
    <button class="param-btn" data-command="      depends_on:">
        <i class="fas fa-cube"></i> 依赖服务
    </button>
    <button class="param-btn" data-command="        - redis">
        <i class="fas fa-link"></i> 依赖项
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-code"></i> 常用片段</h3>
    <button class="param-btn" data-command="      build: .">
        <i class="fas fa-hammer"></i> 构建镜像
    </button>
</div>

<div class="parameter-group">
    <h3><i class="fas fa-hdd"></i> 卷配置</h3>
    <button class="param-btn" data-command="volumes:">
        <i class="fas fa-hdd"></i> 卷定义
    </button>
    <button class="param-btn" data-command="   volume-name:">
        <i class="fas fa-database"></i> 卷名称
    </button>
    <button class="param-btn" data-command="      driver: local">
        <i class="fas fa-cog"></i> 卷驱动
    </button>
</div>
`;